<template>
    <view :class="[themeName,model.theme.main.class,isEasy?'':'wy-form']" :style="model.theme.main.style">
        <slot name="header">
            <view class="wy-form-title wy-text-center" v-if="model.title" :class="[model.showHead?'wy-bg-gray wy-ps-tb-ss wy-text-lg wy-position-relative':'',model.theme.title.class]" :style="model.theme.title.style">
            	<text class="wy-size-base wy-color-text wy-text-bold">{{model.title}}</text>
            </view>
        </slot> 
    	<form>
    		<slot></slot>
    	</form>
    </view>
</template>

<script>
   import {wyForm} from '../../libs/form.js';
   import {wyProps} from '../../libs/props.js';
   export default { 
        name:'wy-form',
        mixins: [wyProps,wyForm]
   }
</script>

<style>

</style>
